<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About me - Rocky's personal website</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../style/main.css">
    <link rel="stylesheet" href="../style/about.css">
    <link rel="shortcut icon" href="../icons/hoshi.svg" type="image/x-icon">
</head>

<body>
    <div id="rocky_nav">
    </div>
    <div class="nav_gap"></div>
    <div class="rw_frame tt">
        <div class="title">
            <h1 class="_in_up"><img src="../icons/hoshi.svg" alt="" class="hoshi r_hoshi">
                <p>About me</p><img src="../icons/hoshi.svg" alt="" class="hoshi r_hoshi">
            </h1>
            <p class="_in_down">Would you like to know more about me? Tada!</p>
        </div>
        <img src="../stub.svg" class="rocky_welcome" alt="" id="banner">
    </div>
    <div class="r_content">
        <div class="ab1">
            <ul class="intro1">
                <li>Name: Rocky</li>
                <li>Gender: ♂</li>
                <li>Region: Meow Kingdom</li>
                <li>Species: Meow</li>
            </ul>
            <hr class="a_hr d-md-none" />
            <div class="intro_p">
                <img src="../about/pfp.png" alt="Rocky">
            </div>
        </div>
        <hr class="a_hr" />
        <div class="ab2">
            <ul class="intro2">
                <li>Favourite food:<br>
                    Meow chocolate cookies
                </li>
                <li>Hobby:<br>
                    Learn to code. Play BMS. Make sth funny.<br>
                    And... Make myself cuter! <em>(I might crossdress sometimes! 0w<) </em>
                </li>
                <li>Favourite colors:<br>
                    Sky blue, white, black, pink, red.
                </li>
                <li>Job: Software engineer</li>
                <li>Coding language:<br>
                    <span><img src="../about/Csharp.svg" alt="C#" class="logo"><img src="../about/Python.svg"
                            alt="Python" class="logo"><img src="../about/JS.svg" alt="Javascript" class="logo"><img
                            src="../about/H5.svg" alt="HTML5" class="logo"><img src="../about/CSS3.svg" alt="CSS3"
                            class="logo"></span>
                </li>
                <li>Message:<br>
                    Nice to meet you all! >w< </li>
            </ul>
        </div>
        <div id="footer"></div>
    </div>
    <script>
        function antiPirate() {
            document.addEventListener("contextmenu", function (e) {
                e.preventDefault();
            }, false);
            document.body.onselectstart = () => { return false };
            var tryCount = 0;
            var minimalUserResponseInMiliseconds = 200;
            function check() {
                console.clear();
                before = new Date().getTime();
                debugger;
                after = new Date().getTime();
                if (after - before > minimalUserResponseInMiliseconds) {
                    document.write(" Sorry, in order to prevent the arts being pirated, Developer tools and right clicks are no longer allowed on this site, please understand and cooperate. \n 很抱歉，为了防止盗图行为，本网站不再允许使用开发者工具和右键！请理解并配合。 ")
                    alert(" Sorry, in order to prevent the arts being pirated, Developer tools and right clicks are no longer allowed on this site, please understand and cooperate. \n 很抱歉，为了防止盗图行为，本网站不再允许使用开发者工具和右键！请理解并配合。 ");
                    self.location.replace(
                        window.location.protocol + window.location.href.substring(
                            window.location.protocol.length
                        )
                    );
                } else {
                    before = null;
                    after = null;
                    delete before;
                    delete after;
                }
                setTimeout(check, 100);
            }
            check();

        }
        function disabledEvent(e) {
            if (e.stopPropagation) {
                e.stopPropagation();
            } else if (window.event) {
                window.event.cancelBubble = true;
            }
            alert(" Sorry, in order to prevent the arts being pirated, Developer tools and right clicks are no longer allowed on this site, please understand and cooperate. \n 很抱歉，为了防止盗图行为，本网站不再允许使用开发者工具和右键！请理解并配合。 ");
            e.preventDefault();
            return false;
        }
        setTimeout(function () {
            document.addEventListener("contextmenu", function (e) {
                e.preventDefault();
            }, false);
            document.addEventListener("keydown", function (e) {
                // Ctrl+Shift+I 
                if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
                    disabledEvent(e);
                }
                // Ctrl+Shift+J 
                if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
                    disabledEvent(e);
                }
                // Ctrl+S 
                if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
                    disabledEvent(e);
                }
                // Ctrl + U 
                if (e.ctrlKey && e.keyCode == 85) {
                    disabledEvent(e);
                }
                // F12
                if (event.keyCode == 123) {
                    disabledEvent(e);
                }
            }, false);
        }
            , 0)

        setTimeout(antiPirate, 0);

    </script>
    <script src="navbar/navbar.js"></script>
    <script src="footer/footer.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <script src="../js/dynamic_bg.js"></script>
</body>

</html>